<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>vuetify-electron</title>
    <% if (htmlWebpackPlugin.options.nodeModules) { %>
      <!-- Add `node_modules/` to global paths so `require` works properly in development -->
      <script>
        require('module').globalPaths.push('<%= htmlWebpackPlugin.options.nodeModules.replace(/\\/g, '\\\\') %>')
      </script>
    <% } %>
  </head>
  <style>
    @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons');
    /*@import url('https://use.fontawesome.com/releases/v5.3.1/css/all.css');*/
    /* Global CSS */
    html {
      /* 禁用html的滚动条，因为用的无框架窗口，默认就会有一个滚动条，所以去掉 */
      overflow-y: hidden;
    }

    /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
    ::-webkit-scrollbar {
      width: 2px; /*滚动条宽度*/
      /*height: 2px;  !*滚动条高度*!*/
    }

    /*定义滚动条轨道 内阴影+圆角*/
    ::-webkit-scrollbar-track {
      /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
      /*border-radius: 10px;  !*滚动条的背景区域的圆角*!*/
      /*background-color: red;!*滚动条的背景颜色*!*/
    }

    /*定义滑块 内阴影+圆角*/
    ::-webkit-scrollbar-thumb {
      border-radius: 99px; /*滚动条的圆角*/
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
      /*background-color: green;  !*滚动条的背景颜色*!*/
    }
  </style>
  <body>
    <div id="app"></div>
    <!-- Set `__static` path to static files in production -->
    <script>
      if (process.env.NODE_ENV !== 'development') window.__static = require('path').join(__dirname, '/static').replace(/\\/g, '\\\\')
    </script>

    <!-- webpack builds are automatically injected -->
  </body>
</html>
